.pl0 {
  padding-left: 0; }

.mb45 {
  margin-bottom: 45px; }

.imgwrap img {
  width: 100%; }

header .navbar-default {
  background-color: #222222;
  border: none; }
  header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:hover {
    background-color: #080808;
    color: #fff; }
  header .navbar-default .navbar-nav > li > a {
    color: #9d9d9d; }

header .navbar {
  margin-bottom: 0; }

header .navbar-brand {
  padding: 7px 6px; }

header .bgwrap {
  background: #2b80d9; }

.enginewarp {
  background-color: #fbfaf7;
  height: 640px;
  padding: 106px;
  background: url(../img/bg.png) no-repeat;
  background-position-x: 780px;
  background-position-y: 105px; }
  .enginewarp .eng-con {
    padding-top: 80px; }
  .enginewarp h2 {
    font-size: 48px;
    color: #0078d7;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 30px; }
  .enginewarp h3 {
    font-size: 30px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0; }
  .enginewarp .iconwrap {
    float: left;
    height: 64px;
    text-align: center;
    line-height: 64px;
    border-radius: 4px;
    background-color: #0078d7;
    transition: all 1s; }
    .enginewarp .iconwrap:hover {
      transform: rotate(360deg);
      background-color: #ccc; }
  .enginewarp .textwrap p {
    font-size: 20px;
    color: #333;
    margin-bottom: 0; }
  .enginewarp .textwrap span {
    color: #666;
    line-height: 24px; }

.adwrap {
  background-color: #ffffff;
  padding: 80px; }
  .adwrap .bg2 {
    padding-top: 75px; }
  .adwrap h2 {
    font-size: 48px;
    color: #8fc31f; }
  .adwrap .adcon {
    padding-left: 105px; }
  .adwrap .ad1 {
    margin-top: 15px; }
  .adwrap .iconwrap {
    float: left;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #8fc31f;
    text-align: center;
    line-height: 55px; }
  .adwrap .text-wrap {
    padding-top: 20px; }

.pro-family {
  background-color: #0079d7;
  padding: 115px; }
  .pro-family .pro-title {
    text-align: center; }
    .pro-family .pro-title h2 {
      font-size: 48px;
      color: #fffefe; }
  .pro-family .pro-con {
    padding-top: 85px; }
  .pro-family .iconwrap {
    text-align: center; }
  .pro-family .text-wrap {
    color: #FFFFFF; }
    .pro-family .text-wrap p {
      font-size: 33px; }
    .pro-family .text-wrap span {
      font-size: 14px; }

.game {
  color: #2a2a2a;
  padding: 85px; }
  .game h2 {
    font-size: 33px; }
  .game h3 a {
    font-size: 14px;
    color: #333; }
  .game .img {
    padding-top: 45px; }
  .game .image {
    padding-top: 45px; }
    .game .image img {
      width: 67px;
      height: 67px; }
    .game .image p {
      font-size: 14px;
      padding-top: 7px; }

.partner {
  background-color: #f4f4f4;
  padding-bottom: 65px; }
  .partner .partnertitle {
    padding-top: 40px; }
  .partner h2 {
    font-size: 30px; }
    .partner h2 span {
      font-size: 14px; }
  .partner .aa {
    margin-top: 35px; }
    .partner .aa img {
      width: 150px; }

.footer {
  background-color: #3b3b3b;
  padding-top: 35px; }
  .footer ul {
    padding: 0; }
    .footer ul li {
      list-style: none;
      display: inline-block; }
      .footer ul li a {
        text-decoration: none;
        color: #a1a3ab;
        font-size: 14px; }
        .footer ul li a:hover {
          color: #fff; }
    .footer ul li:nth-of-type(2) {
      margin: 0 12px; }
  .footer p {
    color: #a1a3ab;
    font-size: 12px; }

@midea (min-width:768px) and (max-width:992px) {
  .nav > li > a {
    padding-left: 5px;
    padding-bottom: 5px; } }

@media (min-width: 1200px) {
  .container {
    width: 1000px;
    padding-left: 14px; } }

@media (min-width: 768px) {
  .navbar {
    border-radius: 0; } }

@media (max-width: 768px) {
  .enginewarp {
    padding: 0; }
  .adwrap {
    padding: 0; }
    .adwrap .adcon {
      padding: 0; }
  .pro-family {
    padding: 0;
    padding-bottom: 50px; }
    .pro-family .pro {
      margin-top: 50px; }
  .game {
    padding: 0; }
  .partner {
    padding: 8px; }
  .footer {
    padding: 15px; } }
